#{extends 'main.html' /}
#{set title:'Gerar Relatorio' /}

<script type="text/javascript">
  function goBack()
  {
 window.open("@{Application.index()}","_top");
  }
</script>

  <div id="header">
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="@{Application.index()}">Si<span class="logo_colour">pro</span></a></h1>
        </div>
      </div>
        
            <div id="Header3"><br/>
                <ul id="menu">
                <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
                    <li><a href="@{Application.index()}">Home</a></li>
                    <li><a href="@{Application.cadastroNovoMedico()}">Cadastro</a></li>
                    <li class="selected"><a href="@{Application.gerarRelatorio()}">Relatorios</a></li>
                    <li><a href="">Sobre</a></li>
                </ul>
            </div>
    </div>

        <div id="mainbox"> 

            <br/>
            <div id="Header1">Relatório</div>
            <div id="Descricao">A funcionalidade de gerar relatórios permite que o usário defina, nos campos abaixo,
informações desejadas para uma pesquisa específica. Um relatório será gerado a partir das
informações submetidas, contendo todos os pacientes cadastrados que possuam essas especificações.</div>

            <table width="70%" style="text-align:center;">
                <tr>
                    <td>
                        <br/>
                        <br/>
                        <form action="@{Application.relatorioLista()}" method="GET">
                            <fieldset>
                                <legend>Dados do Relatório:</legend>
                                <table>
                                    <tr><td style="text-align:right;">Diagnóstico:</td><td style="text-align:left;"><input type = "text" name="diagnostico"></td></tr>
                                    <tr><td style="text-align:right;">Procedência:</td><td style="text-align:left;"><input type = "text" name="procendecia"></td></tr>
                                    <tr><td style="text-align:right;">Idade:</td><td style="text-align:left;"><input type = "text" name="idade"></td></tr>
                                    <tr><td style="text-align:right;">Sexo:</td><td style="text-align:left;"><input type="radio" name="sexo" value="male" /> Masculino<input type="radio" name="sexo" value="female" /> Feminino</td></tr>
                                    <tr><td style="text-align:right;">Histórico Familiar:</td><td style="text-align:left;"><input type="radio" name="historico" value="sim" /> Sim<input type="radio" name="historico" value="nao" /> Não</td></tr>
                                    <tr><td style="text-align:right;">Projeto:</td><td style="text-align:left;"><select name="projeto"></td></tr>
                                    <tr><td style="text-align:right;"><input type = "submit" value="Gerar"" /></td><td style="text-align:left;"><input type = "button" value="Voltar" onclick="goBack()"/></td></tr>
                                </table>
                            </fieldset>
                        </form>	
                    </td>

                </tr>
            </table>

            <br/>
            <br/>
            <br/>
        </div>

            <div id="rodape">
                <br/>
                <b>DAMGeR</b>
                <br/>
                TSistema de Prontuário
                <br/>
            </div>
